<template>
	<view>
		<view class="header">
			<img @click="back" src="../../static/img/jiantou.png" alt="" />
			<view class="title" v-if="urls == 'api/website'">{{$t('first.title111')}}</view>
			<view class="title" v-if="urls == 'api/whitepdf'">{{$t('first.title136')}}</view>
			<view class="title" v-if="urls == 'api/klinedetail?a=1'">BTC/USDT</view>
			<view class="title" v-if="urls == 'api/klinedetail?a=2'">ETH/USDT</view>
			<view class="title" v-if="urls == 'api/klinedetail?a=3'">USDC/USDT</view>
			<view class="title" v-if="urls == 'api/klinedetail?a=4'">BCH/USDT</view>
			<view class="title" v-if="urls == 'api/klinedetail?a=5'">EOS/USDT</view>
			<view class="title" v-if="urls == 'api/klinedetail?a=6'">XRP/USDT</view>
			<view class="title" v-if="urls == 'api/klinedetail?a=7'">OMG/USDT</view>
			<view class="right"></view>
		</view>
		<iframe :src="baseurl+'/'+urls" frameborder="0"></iframe>
	</view>
</template>

<script>
	import { domain } from '../../config/domain.js'
	export default{
		data(){
			return{
				urls:'',
				baseurl: ''
			}
		},
		onLoad(e) {
			this.urls = e.url
			this.baseurl = domain;
		},
		methods:{
			back(){
				uni.navigateBack()
			}
		}
	}
</script>

<style>
	.header{
		width: 100%;
		height: 100rpx;
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 0 30rpx;
		box-sizing: border-box;
	}
	.header img{
		width: 40rpx;
		height: 40rox;
		transform: rotate(90deg);
	}
	.header .title{
		flex: 1;
		text-align: center;
		font-size: 32rpx;
		color: #000;
	}
	.header .right{
		width: 40rpx;
	}
	iframe{
		width: 100vw;
		height: calc(100vh - 100rpx);
	}
</style>